<script setup lang="ts">

import BookingTime from "@/views/booking/launch/bookingTime.vue";
</script>

<template>
<!--发起预约-->
  <div class="box">
      <div class="titleBox">
          <div class="titBoxImg">
              <img src="../../assets/images/发起预约背景.png" alt="" class="titImg">
          </div>
      </div>
      <div class="substance">
          <!--  预约模式与时间-->
          <div class="bookingTime">
              <booking-time></booking-time>
          </div>
      </div>
  </div>
</template>

<style scoped>
.box {
    width: 100%;
    min-height: 210vw;
}
.titBoxImg {
    width: 100%;
    height: 100%;
    .titImg {
        width: 100%;
        height: 100%;
    }
}
.substance {
    position: relative;
    margin: -6% auto;
    padding: 2%;
    .bookingTime {
        margin: 0 auto;
        padding: 5%;
        width: 95%;
        height: 100%;
        background-color: #fafafa;
        border-radius: 12px;
    }
}

</style>